<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<meta name="description" content="">
	<meta name="author" content="">

	<title>Font Awesome Icons</title>

	<!-- Main Styles -->
	<link rel="stylesheet" href="assets/styles/style.min.css">
	
	<!-- Material Design Icon -->
	<link rel="stylesheet" href="assets/fonts/material-design/css/materialdesignicons.css">

	<!-- mCustomScrollbar -->
	<link rel="stylesheet" href="assets/plugin/mCustomScrollbar/jquery.mCustomScrollbar.min.css">

	<!-- Waves Effect -->
	<link rel="stylesheet" href="assets/plugin/waves/waves.min.css">

	<!-- Sweet Alert -->
	<link rel="stylesheet" href="assets/plugin/sweet-alert/sweetalert.css">
	
	<!-- Dark Themes -->
	<link rel="stylesheet" href="assets/styles/style-dark.min.css">
</head>

<body>
<div class="main-menu">
	<header class="header">
		<a href="index.html" class="logo"><i class="ico mdi mdi-cube-outline"></i>MyAdmin</a>
		<button type="button" class="button-close fa fa-times js__menu_close"></button>
		<div class="user">
			<a href="#" class="avatar"><img src="assets/images/avatar-sm-5.jpg" alt=""><span class="status online"></span></a>
			<h5 class="name"><a href="profile.html">Denise Emily</a></h5>
			<h5 class="position">Administrator</h5>
			<!-- /.name -->
			<div class="control-wrap js__drop_down">
				<i class="fa fa-caret-down js__drop_down_button"></i>
				<div class="control-list">
					<div class="control-item"><a href="profile.html"><i class="fa fa-user"></i> Profile</a></div>
					<div class="control-item"><a href="#"><i class="fa fa-gear"></i> Settings</a></div>
					<div class="control-item"><a href="#"><i class="fa fa-sign-out"></i> Log out</a></div>
				</div>
				<!-- /.control-list -->
			</div>
			<!-- /.control-wrap -->
		</div>
		<!-- /.user -->
	</header>
	<!-- /.header -->
	<div class="content">

		<div class="navigation">
			<h5 class="title">Navigation</h5>
			<!-- /.title -->
			<ul class="menu js__accordion">
				<li>
					<a class="waves-effect" href="index.html"><i class="menu-icon mdi mdi-view-dashboard"></i><span>Dashboard</span></a>
				</li>
				<li>
					<a class="waves-effect parent-item js__control" href="#"><i class="menu-icon mdi mdi-desktop-mac"></i><span>User Interface</span><span class="menu-arrow fa fa-angle-down"></span></a>
					<ul class="sub-menu js__content">
						<li><a href="ui-buttons.html">Buttons</a></li>
						<li><a href="ui-cards.html">Cards</a></li>
						<li><a href="ui-checkbox-radio.html">Checkboxs-Radios</a></li>
						<li><a href="ui-components.html">Components</a></li>
						<li><a href="ui-draggable-cards.html">Draggable Cards</a></li>
						<li><a href="ui-modals.html">Modals</a></li>
						<li><a href="ui-typography.html">Typography</a></li>
					</ul>
					<!-- /.sub-menu js__content -->
				</li>
				<li>
					<a class="waves-effect parent-item js__control" href="#"><i class="menu-icon mdi mdi-cube-outline"></i><span>Admin UI</span><span class="menu-arrow fa fa-angle-down"></span></a>
					<ul class="sub-menu js__content">
						<li><a href="ui-notification.html">Notification</a></li>
						<li><a href="profile.html">Profile</a></li>
						<li><a href="ui-range-slider.html">Range Slider</a></li>
						<li><a href="ui-sweetalert.html">Sweet Alert</a></li>
						<li><a href="ui-treeview.html">Tree view</a></li>
						<li><a href="widgets.html">Widget</a></li>
					</ul>
					<!-- /.sub-menu js__content -->
				</li>
				<li>
					<a class="waves-effect" href="calendar.html"><i class="menu-icon mdi mdi-calendar"></i><span>Calendar</span></a>
				</li>
				<li class="current active">
					<a class="waves-effect parent-item js__control" href="#"><i class="menu-icon mdi mdi-fire"></i><span>Icons</span><span class="menu-arrow fa fa-angle-down"></span></a>
					<ul class="sub-menu js__content">
						<li class="current"><a href="icons-font-awesome-icons.html">Font Awesome</a></li>
						<li><a href="icons-fontello.html">Fontello</a></li>
						<li><a href="icons-material-icons.html">Material Design Icons</a></li>
						<li><a href="icons-material-design-iconic.html">Material Design Iconic Font</a></li>
						<li><a href="icons-themify-icons.html">Themify Icons</a></li>
					</ul>
					<!-- /.sub-menu js__content -->
				</li>
				<li>
					<a class="waves-effect" href="inbox.html"><i class="menu-icon mdi mdi-email"></i><span>Mail</span><span class="notice notice-danger">New</span></a>
				</li>
			</ul>
			<!-- /.menu js__accordion -->
			<h5 class="title">Extra</h5>
			<!-- /.title -->
			<ul class="menu js__accordion">
				<li>
					<a class="waves-effect parent-item js__control" href="#"><i class="menu-icon mdi mdi-chart-areaspline"></i><span>Charts</span><span class="menu-arrow fa fa-angle-down"></span></a>
					<ul class="sub-menu js__content">
						<li><a href="chart-3d.html">3D Charts</a></li>
						<li><a href="chart-chartist.html">Chartist Charts</a></li>
						<li><a href="chart-chartjs.html">Chartjs Chart</a></li>
						<li><a href="chart-dynamic.html">Dynamic Chart</a></li>
						<li><a href="chart-flot.html">Flot Chart</a></li>
						<li><a href="chart-knob.html">Knob Chart</a></li>
						<li><a href="chart-morris.html">Morris Chart</a></li>
						<li><a href="chart-sparkline.html">Sparkline Chart</a></li>
						<li><a href="chart-other.html">Other Chart</a></li>
					</ul>
					<!-- /.sub-menu js__content -->
				</li>
				<li>
					<a class="waves-effect parent-item js__control" href="#"><i class="menu-icon mdi mdi-pencil-box"></i><span>Forms</span><span class="notice notice-blue">7</span></a>
					<ul class="sub-menu js__content">
						<li><a href="form-elements.html">General Elements</a></li>
						<li><a href="form-advanced.html">Advanced Form</a></li>
						<li><a href="form-fileupload.html">Form Uploads</a></li>
						<li><a href="form-validation.html">Form Validation</a></li>
						<li><a href="form-wizard.html">Form Wizard</a></li>
						<li><a href="form-wysiwig.html">Wysiwig Editors</a></li>
						<li><a href="form-xeditable.html">X-editable</a></li>
					</ul>
					<!-- /.sub-menu js__content -->
				</li>
				<li>
					<a class="waves-effect parent-item js__control" href="#"><i class="menu-icon mdi mdi-table"></i><span>Tables</span><span class="menu-arrow fa fa-angle-down"></span></a>
					<ul class="sub-menu js__content">
						<li><a href="tables-basic.html">Basic Tables</a></li>
						<li><a href="tables-datatable.html">Data Tables</a></li>
						<li><a href="tables-responsive.html">Responsive Tables</a></li>
						<li><a href="tables-editable.html">Editable Tables</a></li>
					</ul>
					<!-- /.sub-menu js__content -->
				</li>
				<li>
					<a class="waves-effect parent-item js__control" href="#"><i class="menu-icon mdi mdi-arrange-bring-forward"></i><span>Page</span><span class="menu-arrow fa fa-angle-down"></span></a>
					<ul class="sub-menu js__content">
						<li><a href="page-starter.html">Starter Page</a></li>
						<li><a href="page-login.html">Login</a></li>
						<li><a href="page-register.html">Register</a></li>
						<li><a href="page-recoverpw.html">Recover Password</a></li>
						<li><a href="page-lock-screen.html">Lock Screen</a></li>
						<li><a href="page-confirm-mail.html">Confirm Mail</a></li>
						<li><a href="page-404.html">Error 404</a></li>
						<li><a href="page-500.html">Error 500</a></li>
					</ul>
					<!-- /.sub-menu js__content -->
				</li>
				<li>
					<a class="waves-effect parent-item js__control" href="#"><i class="menu-icon mdi mdi-folder-multiple"></i><span>Extra Pages</span><span class="menu-arrow fa fa-angle-down"></span></a>
					<ul class="sub-menu js__content">
						<li><a href="extras-contact.html">Contact list</a></li>
						<li><a href="extras-email-template.html">Email template</a></li>
						<li><a href="extras-faq.html">FAQ</a></li>
						<li><a href="extras-gallery.html">Gallery</a></li>
						<li><a href="extras-invoice.html">Invoice</a></li>
						<li><a href="extras-maps.html">Maps</a></li>
						<li><a href="extras-pricing.html">Pricing</a></li>
						<li><a href="extras-projects.html">Projects</a></li>
						<li><a href="extras-taskboard.html">Taskboard</a></li>
						<li><a href="extras-timeline.html">Timeline</a></li>
						<li><a href="extras-tour.html">Tour</a></li>
					</ul>
					<!-- /.sub-menu js__content -->
				</li>
			</ul>
			<!-- /.menu js__accordion -->
		</div>
		<!-- /.navigation -->
	</div>
	<!-- /.content -->
</div>
<!-- /.main-menu -->

<div class="fixed-navbar">
	<div class="pull-left">
		<button type="button" class="menu-mobile-button glyphicon glyphicon-menu-hamburger js__menu_mobile"></button>
		<h1 class="page-title">Font Awesome Icons</h1>
		<!-- /.page-title -->
	</div>
	<!-- /.pull-left -->
	<div class="pull-right">
		<div class="ico-item">
			<a href="#" class="ico-item mdi mdi-magnify js__toggle_open" data-target="#searchform-header"></a>
			<form action="#" id="searchform-header" class="searchform js__toggle"><input type="search" placeholder="Search..." class="input-search"><button class="mdi mdi-magnify button-search" type="submit"></button></form>
			<!-- /.searchform -->
		</div>
		<!-- /.ico-item -->
		<a href="#" class="ico-item mdi mdi-email notice-alarm js__toggle_open" data-target="#message-popup"></a>
		<a href="#" class="ico-item pulse"><span class="ico-item mdi mdi-bell notice-alarm js__toggle_open" data-target="#notification-popup"></span></a>
		<a href="#" class="ico-item mdi mdi-logout js__logout"></a>
	</div>
	<!-- /.pull-right -->
</div>
<!-- /.fixed-navbar -->

<div id="notification-popup" class="notice-popup js__toggle" data-space="75">
	<h2 class="popup-title">Your Notifications</h2>
	<!-- /.popup-title -->
	<div class="content">
		<ul class="notice-list">
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-1.jpg" alt=""></span>
					<span class="name">John Doe</span>
					<span class="desc">Like your post: “Contact Form 7 Multi-Step”</span>
					<span class="time">10 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-2.jpg" alt=""></span>
					<span class="name">Anna William</span>
					<span class="desc">Like your post: “Facebook Messenger”</span>
					<span class="time">15 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar bg-warning"><i class="fa fa-warning"></i></span>
					<span class="name">Update Status</span>
					<span class="desc">Failed to get available update data. To ensure the please contact us.</span>
					<span class="time">30 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-1.jpg" alt=""></span>
					<span class="name">Jennifer</span>
					<span class="desc">Like your post: “Contact Form 7 Multi-Step”</span>
					<span class="time">45 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-6.jpg" alt=""></span>
					<span class="name">Michael Zenaty</span>
					<span class="desc">Like your post: “Contact Form 7 Multi-Step”</span>
					<span class="time">50 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-4.jpg" alt=""></span>
					<span class="name">Simon</span>
					<span class="desc">Like your post: “Facebook Messenger”</span>
					<span class="time">1 hour</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar bg-violet"><i class="fa fa-flag"></i></span>
					<span class="name">Account Contact Change</span>
					<span class="desc">A contact detail associated with your account has been changed.</span>
					<span class="time">2 hours</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-7.jpg" alt=""></span>
					<span class="name">Helen 987</span>
					<span class="desc">Like your post: “Facebook Messenger”</span>
					<span class="time">Yesterday</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-2.jpg" alt=""></span>
					<span class="name">Denise Jenny</span>
					<span class="desc">Like your post: “Contact Form 7 Multi-Step”</span>
					<span class="time">Oct, 28</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-8.jpg" alt=""></span>
					<span class="name">Thomas William</span>
					<span class="desc">Like your post: “Facebook Messenger”</span>
					<span class="time">Oct, 27</span>
				</a>
			</li>
		</ul>
		<!-- /.notice-list -->
		<a href="#" class="notice-read-more">See more messages <i class="fa fa-angle-down"></i></a>
	</div>
	<!-- /.content -->
</div>
<!-- /#notification-popup -->

<div id="message-popup" class="notice-popup js__toggle" data-space="75">
	<h2 class="popup-title">Recent Messages<a href="#" class="pull-right text-danger">New message</a></h2>
	<!-- /.popup-title -->
	<div class="content">
		<ul class="notice-list">
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-1.jpg" alt=""></span>
					<span class="name">John Doe</span>
					<span class="desc">Amet odio neque nobis consequuntur consequatur a quae, impedit facere repellat voluptates.</span>
					<span class="time">10 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-3.jpg" alt=""></span>
					<span class="name">Harry Halen</span>
					<span class="desc">Amet odio neque nobis consequuntur consequatur a quae, impedit facere repellat voluptates.</span>
					<span class="time">15 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-4.jpg" alt=""></span>
					<span class="name">Thomas Taylor</span>
					<span class="desc">Amet odio neque nobis consequuntur consequatur a quae, impedit facere repellat voluptates.</span>
					<span class="time">30 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-1.jpg" alt=""></span>
					<span class="name">Jennifer</span>
					<span class="desc">Amet odio neque nobis consequuntur consequatur a quae, impedit facere repellat voluptates.</span>
					<span class="time">45 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-sm-5.jpg" alt=""></span>
					<span class="name">Helen Candy</span>
					<span class="desc">Amet odio neque nobis consequuntur consequatur a quae, impedit facere repellat voluptates.</span>
					<span class="time">45 min</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-2.jpg" alt=""></span>
					<span class="name">Anna Cavan</span>
					<span class="desc">Amet odio neque nobis consequuntur consequatur a quae, impedit facere repellat voluptates.</span>
					<span class="time">1 hour ago</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar bg-success"><i class="fa fa-user"></i></span>
					<span class="name">Jenny Betty</span>
					<span class="desc">Amet odio neque nobis consequuntur consequatur a quae, impedit facere repellat voluptates.</span>
					<span class="time">1 day ago</span>
				</a>
			</li>
			<li>
				<a href="#">
					<span class="avatar"><img src="assets/images/avatar-5.jpg" alt=""></span>
					<span class="name">Denise Peterson</span>
					<span class="desc">Amet odio neque nobis consequuntur consequatur a quae, impedit facere repellat voluptates.</span>
					<span class="time">1 year ago</span>
				</a>
			</li>
		</ul>
		<!-- /.notice-list -->
		<a href="#" class="notice-read-more">See more messages <i class="fa fa-angle-down"></i></a>
	</div>
	<!-- /.content -->
</div>
<!-- /#message-popup -->
<div id="wrapper">
	<div class="main-content">
		<div class="box-content">
			<h4 class="box-title">Usage</h4>
			<!-- /.box-title -->
			<code>&lt;i class="fa fa-name"&gt;&lt;/i&gt;</code>
		</div>
		<!-- .box-content -->
		<div class="row small-spacing">
			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">30 New Icons in 4.6</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>american-sign-language-interpreting</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>asl-interpreting <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> <span class="sr-only">Example of </span>assistive-listening-systems</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-audio-description" aria-hidden="true"></i> <span class="sr-only">Example of </span>audio-description</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-blind" aria-hidden="true"></i> <span class="sr-only">Example of </span>blind</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-braille" aria-hidden="true"></i> <span class="sr-only">Example of </span>braille</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-deaf" aria-hidden="true"></i> <span class="sr-only">Example of </span>deaf</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-deafness" aria-hidden="true"></i> <span class="sr-only">Example of </span>deafness <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-envira" aria-hidden="true"></i> <span class="sr-only">Example of </span>envira</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-fa" aria-hidden="true"></i> <span class="sr-only">Example of </span>fa <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-first-order" aria-hidden="true"></i> <span class="sr-only">Example of </span>first-order</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-font-awesome" aria-hidden="true"></i> <span class="sr-only">Example of </span>font-awesome</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-gitlab" aria-hidden="true"></i> <span class="sr-only">Example of </span>gitlab</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-glide" aria-hidden="true"></i> <span class="sr-only">Example of </span>glide</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-glide-g" aria-hidden="true"></i> <span class="sr-only">Example of </span>glide-g</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-google-plus-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>google-plus-circle <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-google-plus-official" aria-hidden="true"></i> <span class="sr-only">Example of </span>google-plus-official</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i> <span class="sr-only">Example of </span>hard-of-hearing <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-instagram" aria-hidden="true"></i> <span class="sr-only">Example of </span>instagram</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-low-vision" aria-hidden="true"></i> <span class="sr-only">Example of </span>low-vision</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-pied-piper" aria-hidden="true"></i> <span class="sr-only">Example of </span>pied-piper</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-question-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>question-circle-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sign-language" aria-hidden="true"></i> <span class="sr-only">Example of </span>sign-language</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-signing" aria-hidden="true"></i> <span class="sr-only">Example of </span>signing <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-snapchat" aria-hidden="true"></i> <span class="sr-only">Example of </span>snapchat</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-snapchat-ghost" aria-hidden="true"></i> <span class="sr-only">Example of </span>snapchat-ghost</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-snapchat-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>snapchat-square</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-themeisle" aria-hidden="true"></i> <span class="sr-only">Example of </span>themeisle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-universal-access" aria-hidden="true"></i> <span class="sr-only">Example of </span>universal-access</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-viadeo" aria-hidden="true"></i> <span class="sr-only">Example of </span>viadeo</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-viadeo-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>viadeo-square</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-volume-control-phone" aria-hidden="true"></i> <span class="sr-only">Example of </span>volume-control-phone</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>wheelchair-alt</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-wpbeginner" aria-hidden="true"></i> <span class="sr-only">Example of </span>wpbeginner</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-wpforms" aria-hidden="true"></i> <span class="sr-only">Example of </span>wpforms</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-yoast" aria-hidden="true"></i> <span class="sr-only">Example of </span>yoast</div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Web Application Icons</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-adjust" aria-hidden="true"></i> <span class="sr-only">Example of </span>adjust</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>american-sign-language-interpreting</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-anchor" aria-hidden="true"></i> <span class="sr-only">Example of </span>anchor</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-archive" aria-hidden="true"></i> <span class="sr-only">Example of </span>archive</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-area-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>area-chart</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrows" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrows-h" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows-h</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrows-v" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows-v</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>asl-interpreting <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> <span class="sr-only">Example of </span>assistive-listening-systems</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-asterisk" aria-hidden="true"></i> <span class="sr-only">Example of </span>asterisk</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-at" aria-hidden="true"></i> <span class="sr-only">Example of </span>at</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-audio-description" aria-hidden="true"></i> <span class="sr-only">Example of </span>audio-description</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-automobile" aria-hidden="true"></i> <span class="sr-only">Example of </span>automobile <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-balance-scale" aria-hidden="true"></i> <span class="sr-only">Example of </span>balance-scale</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-ban" aria-hidden="true"></i> <span class="sr-only">Example of </span>ban</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bank" aria-hidden="true"></i> <span class="sr-only">Example of </span>bank <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bar-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>bar-chart</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bar-chart-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>bar-chart-o <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-barcode" aria-hidden="true"></i> <span class="sr-only">Example of </span>barcode</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bars" aria-hidden="true"></i> <span class="sr-only">Example of </span>bars</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-battery-0" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-0 <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-battery-1" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-1 <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-battery-2" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-2 <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-battery-3" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-3 <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-battery-4" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-4 <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-battery-empty" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-empty</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-battery-full" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-full</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-battery-half" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-half</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-battery-quarter" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-quarter</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-battery-three-quarters" aria-hidden="true"></i> <span class="sr-only">Example of </span>battery-three-quarters</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bed" aria-hidden="true"></i> <span class="sr-only">Example of </span>bed</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-beer" aria-hidden="true"></i> <span class="sr-only">Example of </span>beer</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bell" aria-hidden="true"></i> <span class="sr-only">Example of </span>bell</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bell-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>bell-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bell-slash" aria-hidden="true"></i> <span class="sr-only">Example of </span>bell-slash</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bell-slash-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>bell-slash-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bicycle" aria-hidden="true"></i> <span class="sr-only">Example of </span>bicycle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-binoculars" aria-hidden="true"></i> <span class="sr-only">Example of </span>binoculars</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-birthday-cake" aria-hidden="true"></i> <span class="sr-only">Example of </span>birthday-cake</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-blind" aria-hidden="true"></i> <span class="sr-only">Example of </span>blind</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bluetooth" aria-hidden="true"></i> <span class="sr-only">Example of </span>bluetooth</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bluetooth-b" aria-hidden="true"></i> <span class="sr-only">Example of </span>bluetooth-b</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bolt" aria-hidden="true"></i> <span class="sr-only">Example of </span>bolt</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bomb" aria-hidden="true"></i> <span class="sr-only">Example of </span>bomb</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-book" aria-hidden="true"></i> <span class="sr-only">Example of </span>book</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bookmark" aria-hidden="true"></i> <span class="sr-only">Example of </span>bookmark</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bookmark-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>bookmark-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-braille" aria-hidden="true"></i> <span class="sr-only">Example of </span>braille</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-briefcase" aria-hidden="true"></i> <span class="sr-only">Example of </span>briefcase</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bug" aria-hidden="true"></i> <span class="sr-only">Example of </span>bug</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-building" aria-hidden="true"></i> <span class="sr-only">Example of </span>building</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-building-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>building-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bullhorn" aria-hidden="true"></i> <span class="sr-only">Example of </span>bullhorn</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bullseye" aria-hidden="true"></i> <span class="sr-only">Example of </span>bullseye</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bus" aria-hidden="true"></i> <span class="sr-only">Example of </span>bus</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cab" aria-hidden="true"></i> <span class="sr-only">Example of </span>cab <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-calculator" aria-hidden="true"></i> <span class="sr-only">Example of </span>calculator</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-calendar" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-calendar-check-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar-check-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-calendar-minus-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar-minus-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-calendar-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-calendar-plus-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar-plus-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-calendar-times-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>calendar-times-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-camera" aria-hidden="true"></i> <span class="sr-only">Example of </span>camera</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-camera-retro" aria-hidden="true"></i> <span class="sr-only">Example of </span>camera-retro</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-car" aria-hidden="true"></i> <span class="sr-only">Example of </span>car</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-caret-square-o-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-left</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-caret-square-o-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-right</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-caret-square-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cart-arrow-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>cart-arrow-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cart-plus" aria-hidden="true"></i> <span class="sr-only">Example of </span>cart-plus</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cc" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-certificate" aria-hidden="true"></i> <span class="sr-only">Example of </span>certificate</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-check" aria-hidden="true"></i> <span class="sr-only">Example of </span>check</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-check-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>check-circle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-check-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>check-circle-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-check-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>check-square</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-check-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>check-square-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-child" aria-hidden="true"></i> <span class="sr-only">Example of </span>child</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-circle-o-notch" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle-o-notch</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-circle-thin" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle-thin</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-clock-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>clock-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-clone" aria-hidden="true"></i> <span class="sr-only">Example of </span>clone</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-close" aria-hidden="true"></i> <span class="sr-only">Example of </span>close <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cloud" aria-hidden="true"></i> <span class="sr-only">Example of </span>cloud</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cloud-download" aria-hidden="true"></i> <span class="sr-only">Example of </span>cloud-download</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cloud-upload" aria-hidden="true"></i> <span class="sr-only">Example of </span>cloud-upload</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-code" aria-hidden="true"></i> <span class="sr-only">Example of </span>code</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-code-fork" aria-hidden="true"></i> <span class="sr-only">Example of </span>code-fork</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-coffee" aria-hidden="true"></i> <span class="sr-only">Example of </span>coffee</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cog" aria-hidden="true"></i> <span class="sr-only">Example of </span>cog</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cogs" aria-hidden="true"></i> <span class="sr-only">Example of </span>cogs</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-comment" aria-hidden="true"></i> <span class="sr-only">Example of </span>comment</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-comment-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>comment-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-commenting" aria-hidden="true"></i> <span class="sr-only">Example of </span>commenting</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-commenting-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>commenting-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-comments" aria-hidden="true"></i> <span class="sr-only">Example of </span>comments</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-comments-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>comments-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-compass" aria-hidden="true"></i> <span class="sr-only">Example of </span>compass</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-copyright" aria-hidden="true"></i> <span class="sr-only">Example of </span>copyright</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-creative-commons" aria-hidden="true"></i> <span class="sr-only">Example of </span>creative-commons</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-credit-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>credit-card</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-credit-card-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>credit-card-alt</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-crop" aria-hidden="true"></i> <span class="sr-only">Example of </span>crop</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-crosshairs" aria-hidden="true"></i> <span class="sr-only">Example of </span>crosshairs</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cube" aria-hidden="true"></i> <span class="sr-only">Example of </span>cube</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cubes" aria-hidden="true"></i> <span class="sr-only">Example of </span>cubes</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cutlery" aria-hidden="true"></i> <span class="sr-only">Example of </span>cutlery</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-dashboard" aria-hidden="true"></i> <span class="sr-only">Example of </span>dashboard <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-database" aria-hidden="true"></i> <span class="sr-only">Example of </span>database</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-deaf" aria-hidden="true"></i> <span class="sr-only">Example of </span>deaf</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-deafness" aria-hidden="true"></i> <span class="sr-only">Example of </span>deafness <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-desktop" aria-hidden="true"></i> <span class="sr-only">Example of </span>desktop</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-diamond" aria-hidden="true"></i> <span class="sr-only">Example of </span>diamond</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-dot-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>dot-circle-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-download" aria-hidden="true"></i> <span class="sr-only">Example of </span>download</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-edit" aria-hidden="true"></i> <span class="sr-only">Example of </span>edit <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-ellipsis-h" aria-hidden="true"></i> <span class="sr-only">Example of </span>ellipsis-h</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-ellipsis-v" aria-hidden="true"></i> <span class="sr-only">Example of </span>ellipsis-v</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-envelope" aria-hidden="true"></i> <span class="sr-only">Example of </span>envelope</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-envelope-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>envelope-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-envelope-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>envelope-square</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-eraser" aria-hidden="true"></i> <span class="sr-only">Example of </span>eraser</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-exchange" aria-hidden="true"></i> <span class="sr-only">Example of </span>exchange</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-exclamation" aria-hidden="true"></i> <span class="sr-only">Example of </span>exclamation</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-exclamation-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>exclamation-circle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> <span class="sr-only">Example of </span>exclamation-triangle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-external-link" aria-hidden="true"></i> <span class="sr-only">Example of </span>external-link</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-external-link-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>external-link-square</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-eye" aria-hidden="true"></i> <span class="sr-only">Example of </span>eye</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-eye-slash" aria-hidden="true"></i> <span class="sr-only">Example of </span>eye-slash</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-eyedropper" aria-hidden="true"></i> <span class="sr-only">Example of </span>eyedropper</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-fax" aria-hidden="true"></i> <span class="sr-only">Example of </span>fax</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-feed" aria-hidden="true"></i> <span class="sr-only">Example of </span>feed <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-female" aria-hidden="true"></i> <span class="sr-only">Example of </span>female</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-fighter-jet" aria-hidden="true"></i> <span class="sr-only">Example of </span>fighter-jet</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-archive-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-archive-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-audio-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-audio-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-code-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-code-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-excel-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-excel-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-image-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-image-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-movie-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-movie-o <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-pdf-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-photo-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-photo-o <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-picture-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-picture-o <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-powerpoint-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-sound-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-sound-o <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-video-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-video-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-word-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-word-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-zip-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-zip-o <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-film" aria-hidden="true"></i> <span class="sr-only">Example of </span>film</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-filter" aria-hidden="true"></i> <span class="sr-only">Example of </span>filter</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-fire" aria-hidden="true"></i> <span class="sr-only">Example of </span>fire</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-fire-extinguisher" aria-hidden="true"></i> <span class="sr-only">Example of </span>fire-extinguisher</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-flag" aria-hidden="true"></i> <span class="sr-only">Example of </span>flag</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-flag-checkered" aria-hidden="true"></i> <span class="sr-only">Example of </span>flag-checkered</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-flag-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>flag-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-flash" aria-hidden="true"></i> <span class="sr-only">Example of </span>flash <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-flask" aria-hidden="true"></i> <span class="sr-only">Example of </span>flask</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-folder" aria-hidden="true"></i> <span class="sr-only">Example of </span>folder</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-folder-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>folder-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-folder-open" aria-hidden="true"></i> <span class="sr-only">Example of </span>folder-open</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-folder-open-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>folder-open-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-frown-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>frown-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-futbol-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>futbol-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-gamepad" aria-hidden="true"></i> <span class="sr-only">Example of </span>gamepad</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-gavel" aria-hidden="true"></i> <span class="sr-only">Example of </span>gavel</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-gear" aria-hidden="true"></i> <span class="sr-only">Example of </span>gear <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-gears" aria-hidden="true"></i> <span class="sr-only">Example of </span>gears <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-gift" aria-hidden="true"></i> <span class="sr-only">Example of </span>gift</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-glass" aria-hidden="true"></i> <span class="sr-only">Example of </span>glass</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-globe" aria-hidden="true"></i> <span class="sr-only">Example of </span>globe</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-graduation-cap" aria-hidden="true"></i> <span class="sr-only">Example of </span>graduation-cap</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-group" aria-hidden="true"></i> <span class="sr-only">Example of </span>group <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-grab-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-grab-o <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-lizard-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-lizard-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-paper-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-paper-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-peace-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-peace-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-pointer-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-pointer-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-rock-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-rock-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-scissors-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-scissors-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-spock-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-spock-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-stop-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-stop-o <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i> <span class="sr-only">Example of </span>hard-of-hearing <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hashtag" aria-hidden="true"></i> <span class="sr-only">Example of </span>hashtag</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hdd-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hdd-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-headphones" aria-hidden="true"></i> <span class="sr-only">Example of </span>headphones</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-heart" aria-hidden="true"></i> <span class="sr-only">Example of </span>heart</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-heart-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>heart-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-heartbeat" aria-hidden="true"></i> <span class="sr-only">Example of </span>heartbeat</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-history" aria-hidden="true"></i> <span class="sr-only">Example of </span>history</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-home" aria-hidden="true"></i> <span class="sr-only">Example of </span>home</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hotel" aria-hidden="true"></i> <span class="sr-only">Example of </span>hotel <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hourglass" aria-hidden="true"></i> <span class="sr-only">Example of </span>hourglass</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hourglass-1" aria-hidden="true"></i> <span class="sr-only">Example of </span>hourglass-1 <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hourglass-2" aria-hidden="true"></i> <span class="sr-only">Example of </span>hourglass-2 <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hourglass-3" aria-hidden="true"></i> <span class="sr-only">Example of </span>hourglass-3 <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hourglass-end" aria-hidden="true"></i> <span class="sr-only">Example of </span>hourglass-end</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hourglass-half" aria-hidden="true"></i> <span class="sr-only">Example of </span>hourglass-half</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hourglass-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hourglass-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hourglass-start" aria-hidden="true"></i> <span class="sr-only">Example of </span>hourglass-start</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-i-cursor" aria-hidden="true"></i> <span class="sr-only">Example of </span>i-cursor</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-image" aria-hidden="true"></i> <span class="sr-only">Example of </span>image <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-inbox" aria-hidden="true"></i> <span class="sr-only">Example of </span>inbox</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-industry" aria-hidden="true"></i> <span class="sr-only">Example of </span>industry</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-info" aria-hidden="true"></i> <span class="sr-only">Example of </span>info</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-info-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>info-circle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-institution" aria-hidden="true"></i> <span class="sr-only">Example of </span>institution <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-key" aria-hidden="true"></i> <span class="sr-only">Example of </span>key</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-keyboard-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>keyboard-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-language" aria-hidden="true"></i> <span class="sr-only">Example of </span>language</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-laptop" aria-hidden="true"></i> <span class="sr-only">Example of </span>laptop</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-leaf" aria-hidden="true"></i> <span class="sr-only">Example of </span>leaf</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-legal" aria-hidden="true"></i> <span class="sr-only">Example of </span>legal <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-lemon-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>lemon-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-level-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>level-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-level-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>level-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-life-bouy" aria-hidden="true"></i> <span class="sr-only">Example of </span>life-bouy <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-life-buoy" aria-hidden="true"></i> <span class="sr-only">Example of </span>life-buoy <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-life-ring" aria-hidden="true"></i> <span class="sr-only">Example of </span>life-ring</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-life-saver" aria-hidden="true"></i> <span class="sr-only">Example of </span>life-saver <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-lightbulb-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>lightbulb-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-line-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>line-chart</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-location-arrow" aria-hidden="true"></i> <span class="sr-only">Example of </span>location-arrow</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-lock" aria-hidden="true"></i> <span class="sr-only">Example of </span>lock</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-low-vision" aria-hidden="true"></i> <span class="sr-only">Example of </span>low-vision</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-magic" aria-hidden="true"></i> <span class="sr-only">Example of </span>magic</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-magnet" aria-hidden="true"></i> <span class="sr-only">Example of </span>magnet</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-mail-forward" aria-hidden="true"></i> <span class="sr-only">Example of </span>mail-forward <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-mail-reply" aria-hidden="true"></i> <span class="sr-only">Example of </span>mail-reply <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-mail-reply-all" aria-hidden="true"></i> <span class="sr-only">Example of </span>mail-reply-all <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-male" aria-hidden="true"></i> <span class="sr-only">Example of </span>male</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-map" aria-hidden="true"></i> <span class="sr-only">Example of </span>map</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-map-marker" aria-hidden="true"></i> <span class="sr-only">Example of </span>map-marker</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-map-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>map-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-map-pin" aria-hidden="true"></i> <span class="sr-only">Example of </span>map-pin</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-map-signs" aria-hidden="true"></i> <span class="sr-only">Example of </span>map-signs</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-meh-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>meh-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-microphone" aria-hidden="true"></i> <span class="sr-only">Example of </span>microphone</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-microphone-slash" aria-hidden="true"></i> <span class="sr-only">Example of </span>microphone-slash</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-minus" aria-hidden="true"></i> <span class="sr-only">Example of </span>minus</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-minus-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>minus-circle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-minus-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>minus-square</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-minus-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>minus-square-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-mobile" aria-hidden="true"></i> <span class="sr-only">Example of </span>mobile</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-mobile-phone" aria-hidden="true"></i> <span class="sr-only">Example of </span>mobile-phone <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-money" aria-hidden="true"></i> <span class="sr-only">Example of </span>money</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-moon-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>moon-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-mortar-board" aria-hidden="true"></i> <span class="sr-only">Example of </span>mortar-board <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-motorcycle" aria-hidden="true"></i> <span class="sr-only">Example of </span>motorcycle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> <span class="sr-only">Example of </span>mouse-pointer</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-music" aria-hidden="true"></i> <span class="sr-only">Example of </span>music</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-navicon" aria-hidden="true"></i> <span class="sr-only">Example of </span>navicon <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-newspaper-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>newspaper-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-object-group" aria-hidden="true"></i> <span class="sr-only">Example of </span>object-group</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-object-ungroup" aria-hidden="true"></i> <span class="sr-only">Example of </span>object-ungroup</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-paint-brush" aria-hidden="true"></i> <span class="sr-only">Example of </span>paint-brush</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-paper-plane" aria-hidden="true"></i> <span class="sr-only">Example of </span>paper-plane</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-paper-plane-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>paper-plane-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-paw" aria-hidden="true"></i> <span class="sr-only">Example of </span>paw</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-pencil" aria-hidden="true"></i> <span class="sr-only">Example of </span>pencil</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-pencil-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>pencil-square</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>pencil-square-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-percent" aria-hidden="true"></i> <span class="sr-only">Example of </span>percent</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-phone" aria-hidden="true"></i> <span class="sr-only">Example of </span>phone</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-phone-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>phone-square</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-photo" aria-hidden="true"></i> <span class="sr-only">Example of </span>photo <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-picture-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>picture-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-pie-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>pie-chart</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-plane" aria-hidden="true"></i> <span class="sr-only">Example of </span>plane</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-plug" aria-hidden="true"></i> <span class="sr-only">Example of </span>plug</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-plus" aria-hidden="true"></i> <span class="sr-only">Example of </span>plus</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-plus-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>plus-circle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-plus-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>plus-square</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-plus-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>plus-square-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-power-off" aria-hidden="true"></i> <span class="sr-only">Example of </span>power-off</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-print" aria-hidden="true"></i> <span class="sr-only">Example of </span>print</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-puzzle-piece" aria-hidden="true"></i> <span class="sr-only">Example of </span>puzzle-piece</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-qrcode" aria-hidden="true"></i> <span class="sr-only">Example of </span>qrcode</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-question" aria-hidden="true"></i> <span class="sr-only">Example of </span>question</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-question-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>question-circle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-question-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>question-circle-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-quote-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>quote-left</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-quote-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>quote-right</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-random" aria-hidden="true"></i> <span class="sr-only">Example of </span>random</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-recycle" aria-hidden="true"></i> <span class="sr-only">Example of </span>recycle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-refresh" aria-hidden="true"></i> <span class="sr-only">Example of </span>refresh</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-registered" aria-hidden="true"></i> <span class="sr-only">Example of </span>registered</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-remove" aria-hidden="true"></i> <span class="sr-only">Example of </span>remove <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-reorder" aria-hidden="true"></i> <span class="sr-only">Example of </span>reorder <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-reply" aria-hidden="true"></i> <span class="sr-only">Example of </span>reply</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-reply-all" aria-hidden="true"></i> <span class="sr-only">Example of </span>reply-all</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-retweet" aria-hidden="true"></i> <span class="sr-only">Example of </span>retweet</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-road" aria-hidden="true"></i> <span class="sr-only">Example of </span>road</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-rocket" aria-hidden="true"></i> <span class="sr-only">Example of </span>rocket</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-rss" aria-hidden="true"></i> <span class="sr-only">Example of </span>rss</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-rss-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>rss-square</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-search" aria-hidden="true"></i> <span class="sr-only">Example of </span>search</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-search-minus" aria-hidden="true"></i> <span class="sr-only">Example of </span>search-minus</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-search-plus" aria-hidden="true"></i> <span class="sr-only">Example of </span>search-plus</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-send" aria-hidden="true"></i> <span class="sr-only">Example of </span>send <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-send-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>send-o <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-server" aria-hidden="true"></i> <span class="sr-only">Example of </span>server</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-share" aria-hidden="true"></i> <span class="sr-only">Example of </span>share</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-share-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>share-alt</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-share-alt-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>share-alt-square</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-share-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>share-square</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-share-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>share-square-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-shield" aria-hidden="true"></i> <span class="sr-only">Example of </span>shield</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-ship" aria-hidden="true"></i> <span class="sr-only">Example of </span>ship</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-shopping-bag" aria-hidden="true"></i> <span class="sr-only">Example of </span>shopping-bag</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-shopping-basket" aria-hidden="true"></i> <span class="sr-only">Example of </span>shopping-basket</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-shopping-cart" aria-hidden="true"></i> <span class="sr-only">Example of </span>shopping-cart</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sign-in" aria-hidden="true"></i> <span class="sr-only">Example of </span>sign-in</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sign-language" aria-hidden="true"></i> <span class="sr-only">Example of </span>sign-language</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sign-out" aria-hidden="true"></i> <span class="sr-only">Example of </span>sign-out</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-signal" aria-hidden="true"></i> <span class="sr-only">Example of </span>signal</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-signing" aria-hidden="true"></i> <span class="sr-only">Example of </span>signing <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sitemap" aria-hidden="true"></i> <span class="sr-only">Example of </span>sitemap</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sliders" aria-hidden="true"></i> <span class="sr-only">Example of </span>sliders</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-smile-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>smile-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-soccer-ball-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>soccer-ball-o <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sort" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sort-alpha-asc" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-alpha-asc</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sort-alpha-desc" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-alpha-desc</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sort-amount-asc" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-amount-asc</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sort-amount-desc" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-amount-desc</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sort-asc" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-asc</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sort-desc" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-desc</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sort-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-down <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sort-numeric-asc" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-numeric-asc</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sort-numeric-desc" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-numeric-desc</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sort-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>sort-up <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-space-shuttle" aria-hidden="true"></i> <span class="sr-only">Example of </span>space-shuttle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-spinner" aria-hidden="true"></i> <span class="sr-only">Example of </span>spinner</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-spoon" aria-hidden="true"></i> <span class="sr-only">Example of </span>spoon</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>square</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>square-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-star" aria-hidden="true"></i> <span class="sr-only">Example of </span>star</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-star-half" aria-hidden="true"></i> <span class="sr-only">Example of </span>star-half</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-star-half-empty" aria-hidden="true"></i> <span class="sr-only">Example of </span>star-half-empty <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-star-half-full" aria-hidden="true"></i> <span class="sr-only">Example of </span>star-half-full <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-star-half-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>star-half-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-star-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>star-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sticky-note" aria-hidden="true"></i> <span class="sr-only">Example of </span>sticky-note</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sticky-note-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>sticky-note-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-street-view" aria-hidden="true"></i> <span class="sr-only">Example of </span>street-view</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-suitcase" aria-hidden="true"></i> <span class="sr-only">Example of </span>suitcase</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sun-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>sun-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-support" aria-hidden="true"></i> <span class="sr-only">Example of </span>support <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-tablet" aria-hidden="true"></i> <span class="sr-only">Example of </span>tablet</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-tachometer" aria-hidden="true"></i> <span class="sr-only">Example of </span>tachometer</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-tag" aria-hidden="true"></i> <span class="sr-only">Example of </span>tag</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-tags" aria-hidden="true"></i> <span class="sr-only">Example of </span>tags</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-tasks" aria-hidden="true"></i> <span class="sr-only">Example of </span>tasks</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-taxi" aria-hidden="true"></i> <span class="sr-only">Example of </span>taxi</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-television" aria-hidden="true"></i> <span class="sr-only">Example of </span>television</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-terminal" aria-hidden="true"></i> <span class="sr-only">Example of </span>terminal</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-thumb-tack" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumb-tack</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-thumbs-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumbs-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumbs-o-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumbs-o-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-thumbs-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumbs-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-ticket" aria-hidden="true"></i> <span class="sr-only">Example of </span>ticket</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-times" aria-hidden="true"></i> <span class="sr-only">Example of </span>times</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-times-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>times-circle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-times-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>times-circle-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-tint" aria-hidden="true"></i> <span class="sr-only">Example of </span>tint</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-toggle-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-down <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-toggle-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-left <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-toggle-off" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-off</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-toggle-on" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-on</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-toggle-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-right <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-toggle-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-up <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-trademark" aria-hidden="true"></i> <span class="sr-only">Example of </span>trademark</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-trash" aria-hidden="true"></i> <span class="sr-only">Example of </span>trash</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-trash-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>trash-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-tree" aria-hidden="true"></i> <span class="sr-only">Example of </span>tree</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-trophy" aria-hidden="true"></i> <span class="sr-only">Example of </span>trophy</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-truck" aria-hidden="true"></i> <span class="sr-only">Example of </span>truck</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-tty" aria-hidden="true"></i> <span class="sr-only">Example of </span>tty</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-tv" aria-hidden="true"></i> <span class="sr-only">Example of </span>tv <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-umbrella" aria-hidden="true"></i> <span class="sr-only">Example of </span>umbrella</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-universal-access" aria-hidden="true"></i> <span class="sr-only">Example of </span>universal-access</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-university" aria-hidden="true"></i> <span class="sr-only">Example of </span>university</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-unlock" aria-hidden="true"></i> <span class="sr-only">Example of </span>unlock</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-unlock-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>unlock-alt</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-unsorted" aria-hidden="true"></i> <span class="sr-only">Example of </span>unsorted <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-upload" aria-hidden="true"></i> <span class="sr-only">Example of </span>upload</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-user" aria-hidden="true"></i> <span class="sr-only">Example of </span>user</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-user-plus" aria-hidden="true"></i> <span class="sr-only">Example of </span>user-plus</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-user-secret" aria-hidden="true"></i> <span class="sr-only">Example of </span>user-secret</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-user-times" aria-hidden="true"></i> <span class="sr-only">Example of </span>user-times</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-users" aria-hidden="true"></i> <span class="sr-only">Example of </span>users</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-video-camera" aria-hidden="true"></i> <span class="sr-only">Example of </span>video-camera</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-volume-control-phone" aria-hidden="true"></i> <span class="sr-only">Example of </span>volume-control-phone</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-volume-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>volume-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-volume-off" aria-hidden="true"></i> <span class="sr-only">Example of </span>volume-off</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-volume-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>volume-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-warning" aria-hidden="true"></i> <span class="sr-only">Example of </span>warning <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-wheelchair" aria-hidden="true"></i> <span class="sr-only">Example of </span>wheelchair</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>wheelchair-alt</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-wifi" aria-hidden="true"></i> <span class="sr-only">Example of </span>wifi</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-wrench" aria-hidden="true"></i> <span class="sr-only">Example of </span>wrench</div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Accessibility Icons</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>american-sign-language-interpreting</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> <span class="sr-only">Example of </span>asl-interpreting <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> <span class="sr-only">Example of </span>assistive-listening-systems</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-audio-description" aria-hidden="true"></i> <span class="sr-only">Example of </span>audio-description</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-blind" aria-hidden="true"></i> <span class="sr-only">Example of </span>blind</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-braille" aria-hidden="true"></i> <span class="sr-only">Example of </span>braille</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cc" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-deaf" aria-hidden="true"></i> <span class="sr-only">Example of </span>deaf</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-deafness" aria-hidden="true"></i> <span class="sr-only">Example of </span>deafness <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i> <span class="sr-only">Example of </span>hard-of-hearing <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-low-vision" aria-hidden="true"></i> <span class="sr-only">Example of </span>low-vision</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-question-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>question-circle-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sign-language" aria-hidden="true"></i> <span class="sr-only">Example of </span>sign-language</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-signing" aria-hidden="true"></i> <span class="sr-only">Example of </span>signing <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-tty" aria-hidden="true"></i> <span class="sr-only">Example of </span>tty</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-universal-access" aria-hidden="true"></i> <span class="sr-only">Example of </span>universal-access</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-volume-control-phone" aria-hidden="true"></i> <span class="sr-only">Example of </span>volume-control-phone</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-wheelchair" aria-hidden="true"></i> <span class="sr-only">Example of </span>wheelchair</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>wheelchair-alt</div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Hand Icons</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-grab-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-grab-o <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-lizard-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-lizard-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-o-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-o-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-o-left</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-o-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-o-right</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-o-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-paper-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-paper-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-peace-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-peace-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-pointer-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-pointer-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-rock-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-rock-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-scissors-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-scissors-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-spock-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-spock-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-stop-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-stop-o <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-thumbs-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumbs-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumbs-o-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumbs-o-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-thumbs-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>thumbs-up</div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->

			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Transportation Icons</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-ambulance" aria-hidden="true"></i> <span class="sr-only">Example of </span>ambulance</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-automobile" aria-hidden="true"></i> <span class="sr-only">Example of </span>automobile <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bicycle" aria-hidden="true"></i> <span class="sr-only">Example of </span>bicycle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bus" aria-hidden="true"></i> <span class="sr-only">Example of </span>bus</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cab" aria-hidden="true"></i> <span class="sr-only">Example of </span>cab <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-car" aria-hidden="true"></i> <span class="sr-only">Example of </span>car</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-fighter-jet" aria-hidden="true"></i> <span class="sr-only">Example of </span>fighter-jet</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-motorcycle" aria-hidden="true"></i> <span class="sr-only">Example of </span>motorcycle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-plane" aria-hidden="true"></i> <span class="sr-only">Example of </span>plane</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-rocket" aria-hidden="true"></i> <span class="sr-only">Example of </span>rocket</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-ship" aria-hidden="true"></i> <span class="sr-only">Example of </span>ship</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-space-shuttle" aria-hidden="true"></i> <span class="sr-only">Example of </span>space-shuttle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-subway" aria-hidden="true"></i> <span class="sr-only">Example of </span>subway</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-taxi" aria-hidden="true"></i> <span class="sr-only">Example of </span>taxi</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-train" aria-hidden="true"></i> <span class="sr-only">Example of </span>train</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-truck" aria-hidden="true"></i> <span class="sr-only">Example of </span>truck</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-wheelchair" aria-hidden="true"></i> <span class="sr-only">Example of </span>wheelchair</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>wheelchair-alt</div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->
			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Gender Icons</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-genderless" aria-hidden="true"></i> <span class="sr-only">Example of </span>genderless</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-intersex" aria-hidden="true"></i> <span class="sr-only">Example of </span>intersex <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-mars" aria-hidden="true"></i> <span class="sr-only">Example of </span>mars</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-mars-double" aria-hidden="true"></i> <span class="sr-only">Example of </span>mars-double</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-mars-stroke" aria-hidden="true"></i> <span class="sr-only">Example of </span>mars-stroke</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-mars-stroke-h" aria-hidden="true"></i> <span class="sr-only">Example of </span>mars-stroke-h</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-mars-stroke-v" aria-hidden="true"></i> <span class="sr-only">Example of </span>mars-stroke-v</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-mercury" aria-hidden="true"></i> <span class="sr-only">Example of </span>mercury</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-neuter" aria-hidden="true"></i> <span class="sr-only">Example of </span>neuter</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-transgender" aria-hidden="true"></i> <span class="sr-only">Example of </span>transgender</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-transgender-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>transgender-alt</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-venus" aria-hidden="true"></i> <span class="sr-only">Example of </span>venus</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-venus-double" aria-hidden="true"></i> <span class="sr-only">Example of </span>venus-double</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-venus-mars" aria-hidden="true"></i> <span class="sr-only">Example of </span>venus-mars</div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->
			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">File Type Icons</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file" aria-hidden="true"></i> <span class="sr-only">Example of </span>file</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-archive-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-archive-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-audio-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-audio-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-code-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-code-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-excel-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-excel-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-image-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-image-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-movie-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-movie-o <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-pdf-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-photo-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-photo-o <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-picture-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-picture-o <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-powerpoint-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-sound-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-sound-o <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-text" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-text</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-text-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-video-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-video-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-word-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-word-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-zip-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-zip-o <span class="text-muted">(alias)</span></div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->
			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Spinner Icons</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<p class="bg-warning padding-for-mess">Note: These icons work great with the <code>.fa-spin</code> class. Check out the <a href="#animated">spinning icons example.</a></p>
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-circle-o-notch" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle-o-notch</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cog" aria-hidden="true"></i> <span class="sr-only">Example of </span>cog</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-gear" aria-hidden="true"></i> <span class="sr-only">Example of </span>gear <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-refresh" aria-hidden="true"></i> <span class="sr-only">Example of </span>refresh</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-spinner" aria-hidden="true"></i> <span class="sr-only">Example of </span>spinner</div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->
			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Form Control Icons</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-check-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>check-square</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-check-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>check-square-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>circle-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-dot-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>dot-circle-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-minus-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>minus-square</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-minus-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>minus-square-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-plus-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>plus-square</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-plus-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>plus-square-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-square" aria-hidden="true"></i> <span class="sr-only">Example of </span>square</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-square-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>square-o</div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->
			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Payment Icons</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cc-amex" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-amex</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cc-diners-club" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-diners-club</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cc-discover" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-discover</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cc-jcb" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-jcb</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cc-mastercard" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-mastercard</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cc-paypal" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-paypal</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cc-stripe" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-stripe</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cc-visa" aria-hidden="true"></i> <span class="sr-only">Example of </span>cc-visa</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-credit-card" aria-hidden="true"></i> <span class="sr-only">Example of </span>credit-card</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-credit-card-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>credit-card-alt</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-google-wallet" aria-hidden="true"></i> <span class="sr-only">Example of </span>google-wallet</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-paypal" aria-hidden="true"></i> <span class="sr-only">Example of </span>paypal</div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->
			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Chart Icons</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-area-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>area-chart</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bar-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>bar-chart</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bar-chart-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>bar-chart-o <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-line-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>line-chart</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-pie-chart" aria-hidden="true"></i> <span class="sr-only">Example of </span>pie-chart</div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->
			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Currency Icons</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bitcoin" aria-hidden="true"></i> <span class="sr-only">Example of </span>bitcoin <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-btc" aria-hidden="true"></i> <span class="sr-only">Example of </span>btc</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cny" aria-hidden="true"></i> <span class="sr-only">Example of </span>cny <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-dollar" aria-hidden="true"></i> <span class="sr-only">Example of </span>dollar <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-eur" aria-hidden="true"></i> <span class="sr-only">Example of </span>eur</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-euro" aria-hidden="true"></i> <span class="sr-only">Example of </span>euro <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-gbp" aria-hidden="true"></i> <span class="sr-only">Example of </span>gbp</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-gg" aria-hidden="true"></i> <span class="sr-only">Example of </span>gg</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-gg-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>gg-circle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-ils" aria-hidden="true"></i> <span class="sr-only">Example of </span>ils</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-inr" aria-hidden="true"></i> <span class="sr-only">Example of </span>inr</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-jpy" aria-hidden="true"></i> <span class="sr-only">Example of </span>jpy</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-krw" aria-hidden="true"></i> <span class="sr-only">Example of </span>krw</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-money" aria-hidden="true"></i> <span class="sr-only">Example of </span>money</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-rmb" aria-hidden="true"></i> <span class="sr-only">Example of </span>rmb <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-rouble" aria-hidden="true"></i> <span class="sr-only">Example of </span>rouble <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-rub" aria-hidden="true"></i> <span class="sr-only">Example of </span>rub</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-ruble" aria-hidden="true"></i> <span class="sr-only">Example of </span>ruble <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-rupee" aria-hidden="true"></i> <span class="sr-only">Example of </span>rupee <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-shekel" aria-hidden="true"></i> <span class="sr-only">Example of </span>shekel <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-sheqel" aria-hidden="true"></i> <span class="sr-only">Example of </span>sheqel <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-try" aria-hidden="true"></i> <span class="sr-only">Example of </span>try</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-turkish-lira" aria-hidden="true"></i> <span class="sr-only">Example of </span>turkish-lira <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-usd" aria-hidden="true"></i> <span class="sr-only">Example of </span>usd</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-won" aria-hidden="true"></i> <span class="sr-only">Example of </span>won <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-yen" aria-hidden="true"></i> <span class="sr-only">Example of </span>yen <span class="text-muted">(alias)</span></div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->
			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Text Editor Icons</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-align-center" aria-hidden="true"></i> <span class="sr-only">Example of </span>align-center</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-align-justify" aria-hidden="true"></i> <span class="sr-only">Example of </span>align-justify</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-align-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>align-left</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-align-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>align-right</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-bold" aria-hidden="true"></i> <span class="sr-only">Example of </span>bold</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-chain" aria-hidden="true"></i> <span class="sr-only">Example of </span>chain <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-chain-broken" aria-hidden="true"></i> <span class="sr-only">Example of </span>chain-broken</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-clipboard" aria-hidden="true"></i> <span class="sr-only">Example of </span>clipboard</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-columns" aria-hidden="true"></i> <span class="sr-only">Example of </span>columns</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-copy" aria-hidden="true"></i> <span class="sr-only">Example of </span>copy <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-cut" aria-hidden="true"></i> <span class="sr-only">Example of </span>cut <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-dedent" aria-hidden="true"></i> <span class="sr-only">Example of </span>dedent <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-eraser" aria-hidden="true"></i> <span class="sr-only">Example of </span>eraser</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file" aria-hidden="true"></i> <span class="sr-only">Example of </span>file</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-text" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-text</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>file-text-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-files-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>files-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-floppy-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>floppy-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-font" aria-hidden="true"></i> <span class="sr-only">Example of </span>font</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-header" aria-hidden="true"></i> <span class="sr-only">Example of </span>header</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-indent" aria-hidden="true"></i> <span class="sr-only">Example of </span>indent</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-italic" aria-hidden="true"></i> <span class="sr-only">Example of </span>italic</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-link" aria-hidden="true"></i> <span class="sr-only">Example of </span>link</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-list" aria-hidden="true"></i> <span class="sr-only">Example of </span>list</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-list-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>list-alt</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-list-ol" aria-hidden="true"></i> <span class="sr-only">Example of </span>list-ol</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-list-ul" aria-hidden="true"></i> <span class="sr-only">Example of </span>list-ul</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-outdent" aria-hidden="true"></i> <span class="sr-only">Example of </span>outdent</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-paperclip" aria-hidden="true"></i> <span class="sr-only">Example of </span>paperclip</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-paragraph" aria-hidden="true"></i> <span class="sr-only">Example of </span>paragraph</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-paste" aria-hidden="true"></i> <span class="sr-only">Example of </span>paste <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-repeat" aria-hidden="true"></i> <span class="sr-only">Example of </span>repeat</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-rotate-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>rotate-left <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-rotate-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>rotate-right <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-save" aria-hidden="true"></i> <span class="sr-only">Example of </span>save <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-scissors" aria-hidden="true"></i> <span class="sr-only">Example of </span>scissors</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-strikethrough" aria-hidden="true"></i> <span class="sr-only">Example of </span>strikethrough</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-subscript" aria-hidden="true"></i> <span class="sr-only">Example of </span>subscript</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-superscript" aria-hidden="true"></i> <span class="sr-only">Example of </span>superscript</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-table" aria-hidden="true"></i> <span class="sr-only">Example of </span>table</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-text-height" aria-hidden="true"></i> <span class="sr-only">Example of </span>text-height</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-text-width" aria-hidden="true"></i> <span class="sr-only">Example of </span>text-width</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-th" aria-hidden="true"></i> <span class="sr-only">Example of </span>th</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-th-large" aria-hidden="true"></i> <span class="sr-only">Example of </span>th-large</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-th-list" aria-hidden="true"></i> <span class="sr-only">Example of </span>th-list</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-underline" aria-hidden="true"></i> <span class="sr-only">Example of </span>underline</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-undo" aria-hidden="true"></i> <span class="sr-only">Example of </span>undo</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-unlink" aria-hidden="true"></i> <span class="sr-only">Example of </span>unlink <span class="text-muted">(alias)</span></div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->
			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Directional Icons</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-angle-double-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>angle-double-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-angle-double-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>angle-double-left</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-angle-double-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>angle-double-right</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-angle-double-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>angle-double-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-angle-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>angle-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-angle-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>angle-left</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-angle-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>angle-right</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-angle-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>angle-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrow-circle-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-circle-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-circle-left</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrow-circle-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-circle-o-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-circle-o-left</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-circle-o-right</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrow-circle-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-circle-o-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-circle-right</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrow-circle-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-circle-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrow-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrow-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-left</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrow-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-right</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrow-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrow-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrows" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrows-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows-alt</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrows-h" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows-h</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrows-v" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows-v</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-caret-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-caret-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-left</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-caret-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-right</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-caret-square-o-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-left</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-caret-square-o-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-right</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-caret-square-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-square-o-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-caret-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>caret-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>chevron-circle-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-chevron-circle-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>chevron-circle-left</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-chevron-circle-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>chevron-circle-right</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-chevron-circle-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>chevron-circle-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-chevron-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>chevron-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-chevron-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>chevron-left</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-chevron-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>chevron-right</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-chevron-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>chevron-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-exchange" aria-hidden="true"></i> <span class="sr-only">Example of </span>exchange</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-o-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-o-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-o-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-o-left</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-o-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-o-right</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-hand-o-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>hand-o-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-long-arrow-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>long-arrow-down</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-long-arrow-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>long-arrow-left</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>long-arrow-right</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-long-arrow-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>long-arrow-up</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-toggle-down" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-down <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-toggle-left" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-left <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-toggle-right" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-right <span class="text-muted">(alias)</span></div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-toggle-up" aria-hidden="true"></i> <span class="sr-only">Example of </span>toggle-up <span class="text-muted">(alias)</span></div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->
			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Video Player Icons</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-arrows-alt" aria-hidden="true"></i> <span class="sr-only">Example of </span>arrows-alt</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-backward" aria-hidden="true"></i> <span class="sr-only">Example of </span>backward</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-compress" aria-hidden="true"></i> <span class="sr-only">Example of </span>compress</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-eject" aria-hidden="true"></i> <span class="sr-only">Example of </span>eject</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-expand" aria-hidden="true"></i> <span class="sr-only">Example of </span>expand</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-fast-backward" aria-hidden="true"></i> <span class="sr-only">Example of </span>fast-backward</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-fast-forward" aria-hidden="true"></i> <span class="sr-only">Example of </span>fast-forward</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-forward" aria-hidden="true"></i> <span class="sr-only">Example of </span>forward</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-pause" aria-hidden="true"></i> <span class="sr-only">Example of </span>pause</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-pause-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>pause-circle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-pause-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>pause-circle-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-play" aria-hidden="true"></i> <span class="sr-only">Example of </span>play</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-play-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>play-circle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-play-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>play-circle-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-random" aria-hidden="true"></i> <span class="sr-only">Example of </span>random</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-step-backward" aria-hidden="true"></i> <span class="sr-only">Example of </span>step-backward</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-step-forward" aria-hidden="true"></i> <span class="sr-only">Example of </span>step-forward</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-stop" aria-hidden="true"></i> <span class="sr-only">Example of </span>stop</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-stop-circle" aria-hidden="true"></i> <span class="sr-only">Example of </span>stop-circle</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-stop-circle-o" aria-hidden="true"></i> <span class="sr-only">Example of </span>stop-circle-o</div>
						<div class="fa-hover col-md-3 col-xs-12"><i class="fa fa-youtube-play" aria-hidden="true"></i> <span class="sr-only">Example of </span>youtube-play</div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->
			<div class="col-xs-12">
				<div class="box-content">
					<h4 class="box-title">Brand Icons</h4>
					<!-- /.box-title -->
					<div class="dropdown js__drop_down">
						<a href="#" class="dropdown-icon glyphicon glyphicon-option-vertical js__drop_down_button"></a>
						<ul class="sub-menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else there</a></li>
							<li class="split"></li>
							<li><a href="#">Separated link</a></li>
						</ul>
						<!-- /.sub-menu -->
					</div>
					<!-- /.dropdown js__dropdown -->
					<div class="row-inline-block">
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-500px" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>500px
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-adn" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>adn
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-amazon" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>amazon
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-android" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>android
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-angellist" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>angellist
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-apple" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>apple
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-behance" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>behance
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-behance-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>behance-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-bitbucket" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>bitbucket
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-bitbucket-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>bitbucket-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-bitcoin" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>bitcoin 
							<span class="text-muted">(alias)</span>
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-black-tie" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>black-tie
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-bluetooth" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>bluetooth
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-bluetooth-b" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>bluetooth-b
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-btc" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>btc
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-buysellads" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>buysellads
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-cc-amex" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>cc-amex
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-cc-diners-club" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>cc-diners-club
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-cc-discover" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>cc-discover
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-cc-jcb" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>cc-jcb
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-cc-mastercard" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>cc-mastercard
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-cc-paypal" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>cc-paypal
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-cc-stripe" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>cc-stripe
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-cc-visa" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>cc-visa
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-chrome" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>chrome
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-codepen" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>codepen
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-codiepie" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>codiepie
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-connectdevelop" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>connectdevelop
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-contao" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>contao
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-css3" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>css3
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-dashcube" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>dashcube
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-delicious" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>delicious
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-deviantart" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>deviantart
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-digg" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>digg
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-dribbble" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>dribbble
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-dropbox" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>dropbox
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-drupal" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>drupal
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-edge" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>edge
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-empire" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>empire
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-envira" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>envira
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-expeditedssl" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>expeditedssl
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-fa" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>fa 
							<span class="text-muted">(alias)</span>
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-facebook" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>facebook
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-facebook-f" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>facebook-f 
							<span class="text-muted">(alias)</span>
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-facebook-official" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>facebook-official
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-facebook-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>facebook-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-firefox" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>firefox
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-first-order" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>first-order
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-flickr" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>flickr
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-font-awesome" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>font-awesome
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-fonticons" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>fonticons
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-fort-awesome" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>fort-awesome
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-forumbee" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>forumbee
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-foursquare" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>foursquare
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-ge" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>ge 
							<span class="text-muted">(alias)</span>
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-get-pocket" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>get-pocket
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-gg" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>gg
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-gg-circle" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>gg-circle
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-git" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>git
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-git-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>git-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-github" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>github
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-github-alt" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>github-alt
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-github-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>github-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-gitlab" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>gitlab
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-gittip" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>gittip 
							<span class="text-muted">(alias)</span>
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-glide" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>glide
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-glide-g" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>glide-g
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-google" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>google
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-google-plus" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>google-plus
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-google-plus-circle" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>google-plus-circle 
							<span class="text-muted">(alias)</span>
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-google-plus-official" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>google-plus-official
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-google-plus-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>google-plus-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-google-wallet" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>google-wallet
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-gratipay" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>gratipay
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-hacker-news" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>hacker-news
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-houzz" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>houzz
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-html5" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>html5
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-instagram" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>instagram
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-internet-explorer" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>internet-explorer
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-ioxhost" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>ioxhost
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-joomla" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>joomla
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-jsfiddle" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>jsfiddle
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-lastfm" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>lastfm
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-lastfm-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>lastfm-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-leanpub" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>leanpub
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-linkedin" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>linkedin
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-linkedin-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>linkedin-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-linux" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>linux
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-maxcdn" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>maxcdn
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-meanpath" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>meanpath
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-medium" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>medium
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-mixcloud" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>mixcloud
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-modx" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>modx
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-odnoklassniki" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>odnoklassniki
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-odnoklassniki-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>odnoklassniki-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-opencart" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>opencart
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-openid" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>openid
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-opera" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>opera
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-optin-monster" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>optin-monster
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-pagelines" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>pagelines
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-paypal" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>paypal
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-pied-piper" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>pied-piper
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-pied-piper-alt" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>pied-piper-alt
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-pied-piper-pp" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>pied-piper-pp
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-pinterest" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>pinterest
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-pinterest-p" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>pinterest-p
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-pinterest-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>pinterest-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-product-hunt" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>product-hunt
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-qq" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>qq
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-ra" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>ra 
							<span class="text-muted">(alias)</span>
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-rebel" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>rebel
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-reddit" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>reddit
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-reddit-alien" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>reddit-alien
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-reddit-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>reddit-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-renren" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>renren
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-resistance" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>resistance 
							<span class="text-muted">(alias)</span>
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-safari" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>safari
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-scribd" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>scribd
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-sellsy" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>sellsy
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-share-alt" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>share-alt
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-share-alt-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>share-alt-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-shirtsinbulk" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>shirtsinbulk
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-simplybuilt" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>simplybuilt
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-skyatlas" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>skyatlas
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-skype" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>skype
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-slack" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>slack
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-slideshare" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>slideshare
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-snapchat" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>snapchat
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-snapchat-ghost" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>snapchat-ghost
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-snapchat-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>snapchat-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-soundcloud" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>soundcloud
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-spotify" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>spotify
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-stack-exchange" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>stack-exchange
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-stack-overflow" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>stack-overflow
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-steam" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>steam
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-steam-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>steam-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-stumbleupon" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>stumbleupon
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-stumbleupon-circle" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>stumbleupon-circle
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-tencent-weibo" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>tencent-weibo
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-themeisle" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>themeisle
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-trello" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>trello
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-tripadvisor" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>tripadvisor
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-tumblr" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>tumblr
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-tumblr-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>tumblr-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-twitch" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>twitch
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-twitter" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>twitter
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-twitter-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>twitter-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-usb" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>usb
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-viacoin" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>viacoin
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-viadeo" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>viadeo
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-viadeo-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>viadeo-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-vimeo" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>vimeo
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-vimeo-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>vimeo-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-vine" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>vine
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-vk" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>vk
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-wechat" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>wechat 
							<span class="text-muted">(alias)</span>
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-weibo" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>weibo
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-weixin" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>weixin
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-whatsapp" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>whatsapp
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-wikipedia-w" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>wikipedia-w
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-windows" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>windows
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-wordpress" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>wordpress
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-wpbeginner" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>wpbeginner
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-wpforms" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>wpforms
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-xing" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>xing
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-xing-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>xing-square
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-y-combinator" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>y-combinator
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-y-combinator-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>y-combinator-square 
							<span class="text-muted">(alias)</span>
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-yahoo" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>yahoo
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-yc" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>yc 
							<span class="text-muted">(alias)</span>
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-yc-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>yc-square 
							<span class="text-muted">(alias)</span>
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-yelp" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>yelp
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-yoast" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>yoast
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-youtube" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>youtube
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-youtube-play" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>youtube-play
						</div>
						<div class="fa-hover col-md-3 col-xs-12">
							<i class="fa fa-youtube-square" aria-hidden="true"></i>
							<span class="sr-only">Example of </span>youtube-square
						</div>
					</div>
				</div>
				<!-- /.box-content -->
			</div>
			<!-- /.col-xs-12 -->
		</div>
		<!-- /.row .small-spacing -->		
		<footer class="footer">
			<ul class="list-inline">
				<li>Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></li>
				<li><a href="#">Privacy</a></li>
				<li><a href="#">Terms</a></li>
				<li><a href="#">Help</a></li>
			</ul>
		</footer>
	</div>
	<!-- /.main-content -->
</div><!--/#wrapper -->
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
		<script src="assets/script/html5shiv.min.js"></script>
		<script src="assets/script/respond.min.js"></script>
	<![endif]-->
	<!-- 
	================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="assets/scripts/jquery.min.js"></script>
	<script src="assets/scripts/modernizr.min.js"></script>
	<script src="assets/plugin/bootstrap/js/bootstrap.min.js"></script>
	<script src="assets/plugin/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
	<script src="assets/plugin/nprogress/nprogress.js"></script>
	<script src="assets/plugin/sweet-alert/sweetalert.min.js"></script>
	<script src="assets/plugin/waves/waves.min.js"></script>

	<script src="assets/scripts/main.min.js"></script>
</body>
</html>